<template>
  <zui-svg-icon :icon="props.name"  :height="props.size || props.height" :width="props.size||props.width"></zui-svg-icon>
</template>

<script setup>
/**
 * zui-svg-icon 原理是将指定文件夹的svg转换为svg图片，并替换对应的颜色属性（我理解的），生成字符串的svg代码
 * 添加icon流程：
 *    1.将svg文件复制进assets/svg-icons/
 *    2.在终端输入npm run svgicon  输入定义指定主题色
 * 注意：若显示的图标颜色不正常，自行在static/svg-icons-lib.js中找到对应的icon名称，并自己找其中的stroke或fill来替换
 *  
 */

const props = defineProps({
  name: {
    name: String,
    default: ''
  },
  size: {
    type: Number,
    default: 0
  },
  height: {
    type: Number,
    default: 16

  },
  width: {
    type: Number,
    default: 16
  }
})
</script>

<style>
</style>